::-webkit-scrollbar{
    display:none;
}

*{
    padding:0px; margin:0px;
    font-family:sans-serif;
    border:none;
}

body{
    width:100%; overflow-x:hidden;
}

/*background*/

.theme-bg{
    background:gold;
}

.theme-grad-bg{
    background:linear-gradient(120deg, #dfab48, #2a2e2d);
}

.sec-bg{
    background:black;
}

.light-bg{
    background:#eee;
}

.dark-bg{
    background:rgb(43, 26, 1);
}

.black-bg{
    background:black; 
}

.op80-black-bg{
    background:rgba(0, 0, 0, 0.815);
}

.op50-black-bg{
    background:rgba(0, 0, 0, 0.623);
}


/*colors*/
.theme-cl{
    color:gold;
}

.sec-cl{
    color:black;
}

.light-cl{
    color:#eee;
}


/*paddings & margins & floats*/
.pad{
    padding:7px; 
}

.pad-2{
    padding:20px; 
}

.pad-3{
    padding:30px; 
}

.wide-pad{
    padding:10px 14px; 
}

.high-pad{
    padding:14px 10px;
}


.fr{
    float:right; 
}

.fl{
    float:left;
}


.clx-btn{
    float:right; padding:6px 11px; 
}



/*border radius*/
.curve{
    border-radius:12px;
}



/* buttons*/
.nobg-btn{
    background:none; color:rgb(0, 0, 0); transition:1s; cursor:pointer; 
    font-size:14px; 
}

.nobg-btn:hover{
    background:gold; color:rgb(97, 0, 0); 
}

.theme-btn{
    background:gold; color:black; transition:1s; cursor:pointer; font-size:14px;
}

.theme-btn:hover{
    background:black; color:white;
}

.theme-grad-btn{
    background:linear-gradient(120deg, gold, #000000); transition:2s; font-size:14px;
    cursor:pointer;
}

.theme-grad-btn:hover{
    background:linear-gradient(120deg, black, gold);
}

.sec-btn{
    background:black; color:gold; cursor:pointer; transition:1s; font-size:14px;
}

.sec-btn:hover{
    background:#eee; color: #222;;
}


.off-btn{
    background:#463b27;
}



/* sizes*/
.sml-size{
    font-size:11px;
}

.theme-size{
    font-size:80px;
}


/* displays*/
.holder{
    display:flex; 
}

.hold-apart{
    display:flex; justify-content: space-between;
}


.center-all{
    display:flex; justify-content: center; align-items: center;
}


@media(width < 600px){
    .hos{
        display:none; 
    }
}





/*widths and heights*/
.f-h{
    height:100dvh; 
}

.f-w{
    width:100%;
}

.m-h{
    height:50dvh; 
}


/*overflows*/
.scroll{
    overflow:scroll; 
}

.hideScroll{
    overflow:hidden;
}


/* form styles*/
.form-hand{
    padding:5px; 
}

.input{
    width:100%; outline: none;
}

.checkbox{
    width:15px; display:inline-block;
}



/*fonts*/
.theme-font {
  font-family: "Playwrite IN", serif;
  font-optical-sizing: auto;
  font-style: normal;
}



/* borders*/
.no-bord{
    border:none;
}

.bordDown{
    border-bottom:1px solid gold;
}




/*positions*/
.fix{
    position:fixed;
}


.status{
    margin-top:96dvh; padding:4px 10px 16px; position:fixed; font-size:10px;
    width:100%; z-index:80;
}





/* alerts */
.success-alert{
    background:green; color:white;
}

.danger-alert{
    background:rgb(163, 25, 25); color:white;
}



/* alignments */
.justify{
    text-align:justify;
}